<template>
  <div class="home_container">
    <el-card>
      <div class="avatar-container" style="margin-left: auto">
        <img :src="appStore.getAssetsFile(avatar)" alt="" />
        <h2>{{ userame }}</h2>
      </div>
    </el-card>
  </div>
</template>

<script setup lang="ts">
import { useAppStore } from "@/store/modules/app";
const appStore = useAppStore();
const avatar = appStore.avatar;
const userame = appStore.userName;
</script>

<style scoped>
.home_container {
  padding: 20px;
}
</style>

<script setup lang="ts"></script>
